{extend name="Public/base" /}
{block name="zcdh"}
<div class="banner"><img src="UPLOADS/{$site.lmdbimg}" /></div>
<div class="holder">
     <div class="left" style="padding-top:0;">
          <div id="firstpane" class="menu_list">
               {foreach $term.parent.parent.child as $t}
					<?php if(isset($term['address'][$t['id']])){ ?>
							<h3 class="menu_head current">{$t.name}</h3>
							<div style="display:block" class="menu_body">
								{foreach $t.child as  $tc}
								<a   {if isset($term['address'][$tc['id']]) }id="on"{/if}  href="{$tc.url}">{$tc.name}</a>
								{/foreach}
						    </div>
					<?php }else{ ?>
							 <h3 class="menu_head">{$t.name}</h3>
							<div style="display:none" class="menu_body">
								{foreach $t.child as  $tc}
								<a  href="{$tc.url}">{$tc.name}</a>
								{/foreach}
						    </div>
					<?php }; ?>		
			   {/foreach}
	     </div>
<script type="text/javascript">
$(document).ready(function(){

	 $("#firstpane .current").next().show(); 
	$("#firstpane h3.menu_head").click(function(){
		$(this).addClass("current").next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
		$(this).siblings().removeClass("current");
	});
	
	$("#secondpane .menu_body:eq(0)").show();
	$("#secondpane h3.menu_head").mouseover(function(){
		$(this).addClass("current").next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
		$(this).siblings().removeClass("current");
	});
	
});
</script>
     </div>
     <div class="right">
          <div class="all_right">
               <h3>{$term.parent.name}<p><span>当前位置></span><span><a href="{:U('/')}">首页></a></span><span><a href="{$term.parent.url}">{$term.parent.name}</a></span></p></h3>
          </div>
{/block} 
{block name="body"}        
          <div class="details">
               <h3 class="title">{$term.name}</h3>
               <!-- 代码部分begin -->
<div class="table">
	<div class="tab">
    	<a href="#" class="on">产品详情</a>
        <a href="#" class="a_last">案例赏析</a>
    </div>
    <div style="clear:both"></div>
    <div class="ct">
    	<ul>
        	<li style="display:block;">
				 {$content.content}
            </li>
            <li style="clear:both">
				{$content.tag.anlisx}
            </li>
            
            
        </ul>
    </div>
</div>
<script>
$(function(){
	$(".table .tab a").mouseover(function(){
		$(this).addClass('on').siblings().removeClass('on');
		var index = $(this).index();
		number = index;
		$('.table .ct li').hide();
		$('.table .ct li:eq('+index+')').show();
	});
	
	var auto = 2;  //等于1则自动切换，其他任意数字则不自动切换
	if(auto ==1){
		var number = 0;
		var maxNumber = $('.table .tab a').length;
		function autotab(){
			number++;
			number == maxNumber? number = 0 : number;
			$('.table .tab a:eq('+number+')').addClass('on').siblings().removeClass('on');
			$('.table .ct ul li:eq('+number+')').show().siblings().hide();
		}
		var tabChange = setInterval(autotab,3000);
		//鼠标悬停暂停切换
		$('.table').mouseover(function(){
			clearInterval(tabChange);
		});
		$('.table').mouseout(function(){
			tabChange = setInterval(autotab,3000);
		});
	  }
});
</script>
<!-- 代码部分end -->
                
          </div>
         
     </div>
   <div style="clear:both"></div>
</div>
{/block}